<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Quản Lý Sự Cố | Phần Mềm Quản Lý Điều Hành Xe | CÔNG TY TNHH DỊCH
	VỤ MINH VIỆT</title>

<!-- Bootstrap framework -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.min.css" />
<!-- gebo blue theme-->
<link rel="stylesheet" href="css/blue.css" id="link_theme" />
<!-- breadcrumbs-->
<link rel="stylesheet" href="lib/jBreadcrumbs/css/BreadCrumb.css" />
<!-- tooltips-->
<link rel="stylesheet" href="lib/qtip2/jquery.qtip.min.css" />
<!-- notifications -->
<link rel="stylesheet" href="lib/sticky/sticky.css" />
<!-- code prettify -->
<link rel="stylesheet" href="lib/google-code-prettify/prettify.css" />
<!-- notifications -->
<link rel="stylesheet" href="lib/sticky/sticky.css" />
<!-- splashy icons -->
<link rel="stylesheet" href="img/splashy/splashy.css" />
<!-- colorbox -->
<link rel="stylesheet" href="lib/colorbox/colorbox.css" />
<!-- enhanced select -->
<link rel="stylesheet" href="lib/chosen/chosen.css" />
<!-- datepicker -->
<link rel="stylesheet" href="lib/datepicker/datepicker.css" />
<!-- main styles -->
<link rel="stylesheet" href="css/style.css" />
<!-- Favicon -->
<link rel="shortcut icon" href="favicon.ico" />
<!--[if lte IE 8]>
                <link rel="stylesheet" href="css/ie.css" />
                <script src="js/ie/html5.js"></script>
                <script src="js/ie/respond.min.js"></script>
            <![endif]-->

</head>
<body class="gebo-fixed menu_hover sidebar_hidden">
	<div id="maincontainer" class="clearfix">
		<!-- header -->
            <?php include 'menu.php'; ?>

            <!-- main content -->
		<div id="contentwrapper">
			<div class="main_content">
				<!-- BreadCrumb -->
				<nav>
					<div id="jCrumbs" class="breadCrumb module">
						<ul>
							<li><a href="#"><i class="icon-home"></i></a></li>
							<li><a href="#">Báo cáo</a></li>
							<li>Báo cáo sự cố</li>
						</ul>
					</div>
				</nav>
				<!-- End BreadCrumb -->
				<div class="row-fluid">
					<div class="span12">
						<div class="heading">
							<h3 class="">Báo cáo sự cố</h3>
						</div>
					</div>
				</div>
				<div class="row-fluid">
					<div class="span10">
						<form class="form-inline ">
							<div class="input-append date inline" id="dp_start">
								<input class="input-small" type="text" readonly="readonly"
									placeholder="Từ ngày" style="width: 65px"><span class="add-on"><i
									class="splashy-calendar_day_up"></i></span>
							</div>
							<div class="input-append date inline" id="dp_end">
								<input class="input-small" type="text" readonly="readonly"
									placeholder="Đến ngày" style="width: 65px"><span class="add-on"><i
									class="splashy-calendar_day_down"></i></span>
							</div>

							<button type="submit" class=" btn">
								<i class="icon-filter"></i> Tìm kiếm
							</button>
							<a href=""><img src="img/excel.gif" width="24" /> Xuất ra excel</a>
						</form>
					</div>
					<div class="span2" style="float:right">
						
					</div>
				</div>
				<div class="row-fluid">
					<div class="span12">
						<table class="table table-condensed table-bordered">
							<thead>
								<tr>
									<th rowspan="2">Ngày</th>
									<th rowspan="2">Mã khách hàng</th>
									<th rowspan="2">Mã đoàn</th>
									<th colspan="4">Chi tiết xe</th>
									<th rowspan="2">Nội dung</th>
									<th rowspan="2">Loại Nguyên nhân</th>
									<th rowspan="2">Mức độ ảnh hưởng</th>
									<th rowspan="2">Kết luận cuối cùng</th>
								</tr>
								<tr>
									<th>Chủ xe</th>
									<th>Biển số</th>
									<th>Loại xe</th>
									<th>Tên lái xe</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<th>01/08</th>
									<td>PHO</td>
									<td>PNV-031-03-130084</td>
									<td>Minh Việt</td>
									<td>30U4647</td>
									<td>16 chỗ</td>
									<td>Nguyễn Đức Toàn</td>
									<td>Phải đổi lái xe đi đêm lên tiếp tục chương trình</td>
									<td>Khách quan</td>
									<td>&nbsp;</td>
									<td>&nbsp;</td>
								</tr>
								<tr>
									<th>01/08</th>
									<td>PHO</td>
									<td>PNV-031-03-130084</td>
									<td>Minh Việt</td>
									<td>30U4647</td>
									<td>16 chỗ</td>
									<td>Nguyễn Đức Toàn</td>
									<td>Phải đổi lái xe đi đêm lên tiếp tục chương trình</td>
									<td>Lái xe</td>
									<td>&nbsp;</td>
									<td>&nbsp;</td>
								</tr>
								<tr>
									<th>01/08</th>
									<td>PHO</td>
									<td>PNV-031-03-130084</td>
									<td>Minh Việt</td>
									<td>30U4647</td>
									<td>16 chỗ</td>
									<td>Nguyễn Đức Toàn</td>
									<td>Phải đổi lái xe đi đêm lên tiếp tục chương trình</td>
									<td>Phương tiện</td>
									<td>&nbsp;</td>
									<td>&nbsp;</td>
								</tr>
								<tr>
									<th>01/08</th>
									<td>PHO</td>
									<td>PNV-031-03-130084</td>
									<td>Minh Việt</td>
									<td>30U4647</td>
									<td>16 chỗ</td>
									<td>Nguyễn Đức Toàn</td>
									<td>Phải đổi lái xe đi đêm lên tiếp tục chương trình</td>
									<td>NV Điều hành</td>
									<td>&nbsp;</td>
									<td>&nbsp;</td>
								</tr>
								<tr>
									<th>01/08</th>
									<td>PHO</td>
									<td>PNV-031-03-130084</td>
									<td>Minh Việt</td>
									<td>30U4647</td>
									<td>16 chỗ</td>
									<td>Nguyễn Đức Toàn</td>
									<td>Phải đổi lái xe đi đêm lên tiếp tục chương trình</td>
									<td>Khách quan</td>
									<td>&nbsp;</td>
									<td>&nbsp;</td>
								</tr>
								<tr>
									<th>01/08</th>
									<td>PHO</td>
									<td>PNV-031-03-130084</td>
									<td>Minh Việt</td>
									<td>30U4647</td>
									<td>16 chỗ</td>
									<td>Nguyễn Đức Toàn</td>
									<td>Phải đổi lái xe đi đêm lên tiếp tục chương trình</td>
									<td>Khách quan</td>
									<td>&nbsp;</td>
									<td>&nbsp;</td>
								</tr>
								<tr>
									<th>01/08</th>
									<td>PHO</td>
									<td>PNV-031-03-130084</td>
									<td>Minh Việt</td>
									<td>30U4647</td>
									<td>16 chỗ</td>
									<td>Nguyễn Đức Toàn</td>
									<td>Phải đổi lái xe đi đêm lên tiếp tục chương trình</td>
									<td>Khách quan</td>
									<td>&nbsp;</td>
									<td>&nbsp;</td>
								</tr>
								<tr>
									<th>01/08</th>
									<td>PHO</td>
									<td>PNV-031-03-130084</td>
									<td>Minh Việt</td>
									<td>30U4647</td>
									<td>16 chỗ</td>
									<td>Nguyễn Đức Toàn</td>
									<td>Phải đổi lái xe đi đêm lên tiếp tục chương trình</td>
									<td>Khách quan</td>
									<td>&nbsp;</td>
									<td>&nbsp;</td>
								</tr>
							</tbody>
						</table>
						<div class="pagination right">
							<ul>
								<li class="prev"><a href="#">&lt; Trở lại </a></li>
								<li class="active"><a href="#">1</a></li>
								<li><a href="#">2</a></li>
								<li class="next "><a href="#">Trang tiếp &gt; </a></li>
							</ul>
						</div>

					</div>
				</div>

			</div>
		</div>


		<script src="js/jquery.min.js"></script>
		<!-- smart resize event -->
		<script src="js/jquery.debouncedresize.min.js"></script>
		<!-- hidden elements width/height -->
		<script src="js/jquery.actual.min.js"></script>
		<!-- js cookie plugin -->
		<script src="js/jquery.cookie.min.js"></script>
		<!-- main bootstrap js -->
		<script src="bootstrap/js/bootstrap.min.js"></script>
		<!-- bootstrap plugins -->
		<script src="js/bootstrap.plugins.min.js"></script>
		<!-- code prettifier -->
		<script src="lib/google-code-prettify/prettify.min.js"></script>
		<!-- tooltips -->
		<script src="lib/qtip2/jquery.qtip.min.js"></script>
		<!-- jBreadcrumbs -->
		<script src="lib/jBreadcrumbs/js/jquery.jBreadCrumb.1.1.min.js"></script>
		<!-- sticky messages -->
		<script src="lib/sticky/sticky.min.js"></script>
		<!-- fix for ios orientation change -->
		<script src="js/ios-orientationchange-fix.js"></script>
		<!-- datepicker -->
		<script src="lib/datepicker/bootstrap-datepicker.min.js"></script>

		<!-- lightbox -->
		<script src="lib/colorbox/jquery.colorbox.min.js"></script>
		<!-- timepicker -->
		<script src="lib/datepicker/bootstrap-timepicker.min.js"></script>
		<!-- common functions -->
		<script src="js/gebo_common.js"></script>
		<!-- enhanced select (chosen) -->
		<script src="lib/chosen/chosen.jquery.min.js"></script>
		<script>
                $(document).ready(function() {
                    $(".chzn_a").chosen({
                        allow_single_deselect: true
                    });
                    // start date
                    $('#incident_date,#incident_date_add,#incident_date_edit').datepicker();
                    $('#incident_date_time,#incident_date_time_edit').timepicker({
                        defaultTime: 'current',
                        minuteStep: 1,
                        disableFocus: true,
                        template: 'dropdown',
                        showMeridian: false,
                    });
                    $('#dp_start').datepicker({format: "mm/dd/yyyy"}).on('changeDate', function(ev){
        				var dateText = $(this).data('date');
        				
        				var endDateTextBox = $('#dp_end input');
        				if (endDateTextBox.val() != '') {
        					var testStartDate = new Date(dateText);
        					var testEndDate = new Date(endDateTextBox.val());
        					if (testStartDate > testEndDate) {
        						endDateTextBox.val(dateText);
        					}
        				}
        				else {
        					endDateTextBox.val(dateText);
        				};
        				$('#dp_end').datepicker('setStartDate', dateText);
        				$('#dp_start').datepicker('hide');
        			});
        			$('#dp_end').datepicker({format: "mm/dd/yyyy"}).on('changeDate', function(ev){
        				var dateText = $(this).data('date');
        				var startDateTextBox = $('#dp_start input');
        				if (startDateTextBox.val() != '') {
        					var testStartDate = new Date(startDateTextBox.val());
        					var testEndDate = new Date(dateText);
        					if (testStartDate > testEndDate) {
        						startDateTextBox.val(dateText);
        					}
        				}
        				else {
        					startDateTextBox.val(dateText);
        				};
        				$('#dp_start').datepicker('setEndDate', dateText);
        				$('#dp_end').datepicker('hide');
        			});	                    
                });
            </script>

	</div>
</body>
</html>